<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>后台管理 </title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="all,noarchive">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="__STATIC__/vendor/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="__STATIC__/vendor/font-awesome/css/font-awesome.min.css">
    <!-- Fontastic Custom icon font-->
    <link rel="stylesheet" href="__STATIC__/css/fontastic.css">
    <!-- Google fonts - Poppins -->
<!--    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,700">-->
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="__STATIC__/css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="__STATIC__/css/custom.css">
    <!-- Favicon-->
    <!-- Tweaks for older IEs--><!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
    <script src="__STATIC__/vendor/jquery/jquery.min.js"></script>
    <script src="__STATIC__/layer/layer.js"> </script>
    {block name="diy_style"}
    <style>
        .bdimg{
            cursor: pointer;
        }
        .card-body{
            min-height: 500px;
        }
    </style>
    {/block}
</head>
<body>
<div class="page">
    <!-- Main Navbar-->
    <header class="header">
        <nav class="navbar">
            <!-- Search Box-->
            <div class="search-box">
                <button class="dismiss"><i class="icon-close"></i></button>
                <form id="searchForm" action="#" role="search">
                    <input type="search" placeholder="What are you looking for..." class="form-control">
                </form>
            </div>
            <div class="container-fluid">
                <div class="navbar-holder d-flex align-items-center justify-content-between">
                    <!-- Navbar Header-->
                    <div class="navbar-header">
                        <!-- Navbar Brand --><a href="/" class="navbar-brand d-none d-sm-inline-block">
                        <div class="brand-text d-none d-lg-inline-block"><span></span><strong>后台管理</strong></div>
                        <div class="brand-text d-none d-sm-inline-block d-lg-none"><strong>BD</strong></div></a>
                        <!-- Toggle Button--><a id="toggle-btn" href="#" class="menu-btn active"><span></span><span></span><span></span></a>
                    </div>
                    <!-- Navbar Menu -->
                    <ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center">

                        <li class="nav-item"><a href="{:url('admin/login/loginOut')}" class="nav-link logout"> <span class="d-none d-sm-inline">退出</span><i class="fa fa-sign-out"></i></a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>
    <div class="page-content d-flex align-items-stretch">
        <!-- Side Navbar -->
        <nav class="side-navbar">
            <!-- Sidebar Header-->
            <div class="sidebar-header d-flex align-items-center">
                {if condition="$img"}
                <div class="avatar"><img src="{$img}" alt="..." class="img-fluid rounded-circle"></div>
                {else}
                <div class="avatar"><img src="__STATIC__/img/avatar-0.jpg" alt="..." class="img-fluid rounded-circle"></div>
                {/if}
                <div class="title">
                    <h1 class="h4">{$chineseName}</h1>
                    <p>{$post}</p>
                </div>
            </div>
            <span class="heading">菜单</span>
            <ul class="list-unstyled" id="menus">
                <li class="index"><a href="{:url('admin/index/index')}"> <i class="fa fa-bar-chart"></i>数据统计 </a></li>
                <li class="promotionrule"><a href="{:url('admin/setting/promotionRule')}"> <i class="icon-line-chart"></i>晋级规则 </a></li>
                <li class="creditrule"><a href="{:url('admin/setting/creditRule')}"> <i class="icon-page"></i>积分规则 </a></li>
<!--                <li class="pay"><a href="{:url('admin/setting/pay')}"> <i class="icon-page"></i>支付设置 </a></li>-->
                <li class="profit"><a href="{:url('admin/setting/profit')}"> <i class="icon-page"></i>分润设置 </a></li>
                <li class="shop"><a href="{:url('admin/product/shop')}"> <i class="icon-page"></i>系统店铺 </a></li>
                <li class="product"><a href="{:url('admin/product/product')}"> <i class="icon-page"></i>系统商品 </a></li>
                <li class="recharge"><a href="{:url('admin/product/recharge')}"> <i class="icon-page"></i>充值商品 </a></li>
                <li class="order"><a href="{:url('admin/order/order')}"> <i class="icon-page"></i>系统订单 </a></li>
            </ul>

        </nav>
        <div class="content-inner">
            {block name="detail"}{/block}
            <footer class="main-footer">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-sm-6">
                            <p>Your company &copy; 2004-2019</p>
                        </div>
                        <div class="col-sm-6 text-right">
                            <p>Design by fang</p>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
    </div>
</div>
<!-- JavaScript files-->

<script>
    $(".bdimg").click(function () {

        var src = $(this).attr('src');
        var content = '<img src="'+src+'" width="100%" height="auto">';
        layer.open({
            type: 1
            ,title: false //不显示标题栏
            ,closeBtn: true
            ,area: '900px;'
            ,shade: 0.8
            ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
            ,btnAlign: 'c'
            ,moveType: 1 //拖拽模式，0或者1
            ,content: content

        });
    });

    function make_sure(msg,url) {
        if (confirm(msg)==true){
            window.location.href = url;
        }else{
            return false;
        }
    }
    var active_action = "{$active_action}";
    $("#menus li").removeClass('active');
   // alert(active_action);
    $("."+active_action+"").addClass('active');
</script>


<script src="__STATIC__/vendor/popper.js/umd/popper.min.js"> </script>
<script src="__STATIC__/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="__STATIC__/vendor/jquery.cookie/jquery.cookie.js"> </script>
<script src="__STATIC__/vendor/chart.js/Chart.min.js"></script>
<script src="__STATIC__/vendor/jquery-validation/jquery.validate.min.js"></script>
<script src="__STATIC__/js/charts-home.js"></script>
<!-- Main File-->
<script src="__STATIC__/js/front.js"></script>
</body>
</html>